import indexTpl from '../views/index.art'

export default (router) => {
    const headers = {
        '#/index/user' : {
            header: "用户管理",
            subTitle: "用户路由"
        },
        '#/index/position' : {
            header: "权限管理",
            subTitle: "权限路由"
        }
    }
    return (req, res, next) => {
        const hash = location.hash
        // 请求用户是否有登录过并存储cookie到session中
        $.ajax({
            url: '/api/user/hasAuth',
            success: function(result) {
                if( result.status === 200 ){
                    location.hash = hash
                }else{
                    location.hash = '#/login'
                }
            }
        })
        next(indexTpl({
            header: headers[hash].header,
            subTitle: headers[hash].subTitle,
            subRoute: res.subRoute()
        }))
        // 重新计算窗口大小, 在该框架中的主页会对当前窗口大小的改变进行大小调整
        $(window).resize()
        // 挂载用户的退出登录按钮
        $('#logout').on('click', (e) => {
            $.ajax({
                url: '/api/user/logout',
                method: 'GET',
                success: function(result){
                    if( result.status === 200 ){
                        router.go('/login')
                    }
                    alert(result.data.message)
                }
            })
        })
        // 通过哈希地址来判断高亮的路由菜单
        if( hash === '#/index/user' ){
            $('#menu-bar li:eq(2)').removeClass('active')
            $('#menu-bar li:eq(1)').addClass('active')
        } else {
            $('#menu-bar li:eq(1)').removeClass('active')
            $('#menu-bar li:eq(2)').addClass('active')
        }
    }

}








